@home.main("") {


    <div class="row">
        <div class="form-group">


            <div style="width: 600px;
                padding-left: 60px;
                margin-top: 40px" class="col-sm-6">

                <div class="panel panel-default">
                    <div class="panel-heading" style="text-align: center;
                        background-image: linear-gradient(to bottom, #B61010 0, #B61010 100%);
                        color: white">
                        <h3 class="panel-title">礼品卡/礼品券验证</h3>
                    </div>
                    <div class="panel-body">
                        <form class="form-horizontal" id="form" accept-charset="UTF-8" method="get" action="/english/Search/searchBefore">
                            <div class="form-group col-sm-12">
                                <label class="control-label col-sm-3">卡券号码:</label>
                                <div class="col-sm-9">
                                    <input type="text" style="float: left;
                                        height: 40px;" class="form-control" name="code" id="code">
                                </div>
                            </div>

                            <div class="form-group col-sm-12">
                                <label class="control-label col-sm-3">卡券密码:</label>
                                <div class="col-sm-9">
                                    <input type="text" style="float: left;
                                        height: 40px;" class="form-control" name="password" id="password">
                                </div>
                            </div>

                            <div class="form-group col-sm-12">
                                <label class="control-label col-sm-3">验证码:</label>
                                <div class="col-sm-5">
                                    <input type="text" style="float: left;
                                        height: 40px;" class="form-control" name="vcode" id="vcode">
                                </div>
                                <div class="col-sm-2">
                                    <canvas id="canvas" height="40px" width="120px"></canvas>
                                </div>

                            </div>


                            <div class="col-sm-offset-3 col-sm-3" >
                                <button type="button" onclick="pickUp()" class="btn" style="color: white;
                                    background-color: #B61010;
                                    width: 180px;
                                    height: 40px;
                                    font-size: 18px;">预约提货</button>
                            </div>
                        </form>
                    </div>
                </div>


            </div>

            <div style="padding-right: 40px;
                margin-top: 40px;
                padding-left: 60px;
                color: #B61010;
                font-size: 18px" class="col-sm-5">
                <p><b>温馨提示：</b></p>
                <p style="font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;">
                    修改订单，请准备好预约提货时预留的手机，提货平台将通过短信验证码的方式验证身份；</p>

                <p><b>修改说明：</b></p>
                <p style="font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;">
                    1、只能修改提货订单的收货信息和发货日期；</p>
                <p style="font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;">
                    2、如果要修改兑换的产品，则可以先取消提货订单，然后重新预约提货；</p>
                <p style="font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;">
                    3、只能修改发货日期在明日及以后的提货订单；</p>

            </div>

        </div>
    </div>


    <script src="@routes.Assets.at("javascripts/v-code.js")" type="text/javascript"></script>

    <script>


            function pickUp() {

                if ($("#vcode").val() != code) {
                    swal("错误", "验证码错误", "error")
                } else {

                    $.ajax({
                        url: "/validCode?code=" + $("#code").val() + "&password=" + $("#password").val(),
                        type: "get",
                        dataType: "json",
                        success: function (data) {
                            if (data.valid == "false") {
                                swal("错误", "提取码或提取密码错误", "error")
                            } else {
                                window.location.href = "@routes.HomeController.orderInfo()"
                            }
                        }
                    })
                }

            }



    </script>
}